﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<title>喵●文艺</title>
	<link rel="shortcut icon" href="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1464340743,2647919765&fm=27&gp=0.jpg" type="image/x-icon" />
	<link href="static/css/bootstrap.css" rel="stylesheet">
	<link href="static/css/animate.css" rel="stylesheet">
	<link href="static/css/ysemm.css" rel="stylesheet">
	</head>

	<body>
		<header>
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-xs-6">
						<img style="width: 40%;" src="static/picture/mLogo.png" alt="喵●文艺">
					</div>
					<div class="col-lg-6 col-xs-6">
						<ul class="nav nav-pills">
							<li>
								<a href="index.html">文艺范</a>
							</li>

							<li>
								<a href='index_1.html'>简约范</a>
							</li>

							<li>
								<a href='index_2.html' rel='dropmenu56'>潮酷范</a>
							</li>
							<li class='active'>
								<a href='index_3.html'>清新范</a>
							</li>
							<li>
								<a href='index_4.html'>学院派</a>
							</li>

							<li>
								<a href='index_5.html'>打Call</a>
							</li>

						</ul>
					</div>
				</div>
			</div>
		</header>

		<div class="other-slide">
			<img src="static/picture/cooperation-slide.png">
		</div>
		<div class="position">
			<div class="container">
				<span class="position-home"></span>
				<a href='index.html'>主页</a> >
				<a href='javascript:void(0)'>清新范</a>
			</div>
		</div>
		<div id="content">
			<div class="cooperation-service-container">
				<div class="container">
					<div class="aboutus-box-title">
						<span class="aboutus-box-title-line"></span>
						<h2>清新~范</h2>
						<h3>Fresh model</h3>
					</div>
					<div class="row">
						<div class="col-lg-12 col-xs-12">
							<img src="static/picture/cooperation-process.png" alt="商务合作服务模式">
						</div>
					</div>
				</div>
			</div>
			<div class="cooperation-financing-container">
				<div class="financing-line"></div>
				<h3 class="financing-title"><!-- Financing --></h3>
				<div class="container">
					<div class="aboutus-box-title">
						<span class="aboutus-box-title-line"></span>
						<h2>网红圣地</h2>
						<h3>WangHong ShengDi</h3>
					</div>
					<div class="row row-aboutus-partner">
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="static/picture/whimage1.png"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="static/picture/whimage2.png"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="static/picture/whimage3.png"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="static/picture/whimage4.png"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="static/picture/whimage5.png"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="static/picture/whimage6.png"></div>
					</div>
				</div>
			</div>
			<div class="cooperation-cooperation-container">
				<div class="cooperation-line"></div>
				<h3 class="cooperation-title"></h3>
				<div class="container">
					<div class="aboutus-box-title">
						<span class="aboutus-box-title-line"></span>
						<h2>网红圣地</h2>
						<h3>WangHong ShengDi</h3>
					</div>
					<div class="row row-aboutus-partner">
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="//img01.yohomars.com/mars/2015/12/25/af1b0dd4ef80c89b1ee3c1a97fdfa4ab.jpg?imageView2/1/w/280/h/179/q/80/format/webp"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="//img01.yohomars.com/mars/2015/12/30/678e29662d9a55314b5b30f9030b8948.jpg?imageView2/1/w/280/h/179/q/80/format/webp"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="//img01.yohomars.com/mars/2016/04/29/3d7aef1e4f41b48e4ebc9513cdeabc3b.jpg?imageView2/1/w/280/h/179/q/80/format/webp"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="//img01.yohomars.com/mars/2015/12/20/252209e70b5e28eca0e4018fad27c784.jpg?imageView2/1/w/280/h/179/q/80/format/webp"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="//img01.yohomars.com/mars/2015/11/27/160317cf199c19b065b1ba6cb9c7f176.jpg?imageView2/1/w/280/h/179/q/80/format/webp" alt="中国中投证券"></div>
						<div class="col-lg-4 col-xs-4 animate-box" data-animate-effect="fadeIn"><img src="//img01.yohomars.com/mars/2015/12/20/922365149feb679798a5ba2c16f60a58.jpg?imageView2/1/w/280/h/179/q/80/format/webp" alt="深圳发展银行"></div>
					</div>
				</div>
			</div>
		</div>
		<footer class="home-footer">
			<!-- 友情链接 -->
			<div class="flink-container">
				<div class="box-title-flink"><span></span></div>
				<div class="index-box-flink">
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">美食攻略</a>
						<a target="_blank" href="javascript:void(0);">茶饮文化</a>
						<a target="_blank" href="javascript:void(0);">热门美食</a>
						<a target="_blank" href="javascript:void(0);">网红美食</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">旅游攻略</a>
						<a target="_blank" href="javascript:void(0);">抖音圣地</a>
						<a target="_blank" href="javascript:void(0);">冷门景点</a>
						<a target="_blank" href="javascript:void(0);">大众旅游</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">穿搭攻略</a>
						<a target="_blank" href="javascript:void(0);">潮流穿搭</a>
						<a target="_blank" href="javascript:void(0);">网红搭配</a>
						<a target="_blank" href="javascript:void(0);">个性装扮</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">慢文艺</a>
						<a target="_blank" href="javascript:void(0);">手工艺</a>
						<a target="_blank" href="javascript:void(0);">抖音打卡</a>
						<a target="_blank" href="javascript:void(0);">时尚工艺</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">喵部落</a>
						<a target="_blank" href="javascript:void(0);">热门资讯</a>
						<a target="_blank" href="javascript:void(0);">关于我们</a>
						<a target="_blank" href="javascript:void(0);">优选精品</a>
					</div>
				</div>
			</div>
			<div class="footer">
				<p> 该 此 网 站 所 有 权 为 喵 ● 文 艺 所 有 </p>
			</div>

		</footer>

		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/pace.min.js"></script>

		<script src="static/js/bootstrap.js"></script>
		<script src="static/js/jquery.waypoints.min.js"></script>

		<script src="static/js/main.js"></script>

	</body>

</html>